/* 
    Document   : style
    Created on : 19-Nov-2013, 17:20:54
    Author     : Yohanes Beny P
    Description:
        Purpose of the stylesheet follows.
*/
body {
    margin: 0px;
    padding: 0px;
    color: #c8c8c8;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    line-height: 1.5em; 
    background-color: #0f0d0c;
    background-repeat: repeat-x;
    background-position: top;
}

#home{
    background-image: url(../image/back_main.jpg);    
}

#wrapper {
    width: 820px;
    margin: 0 auto;
    padding: 0 10px;
}

#login{
    clear: both; margin-top: 240px; width: 400px; height: 200px; background: url(../image/login.png);
}

#login form{
    margin: 0;
    padding: 0;
    clear: both;
}

#login .userName{
    font-size: 12px; width: 241px; height: 30px; display: block; margin: 38px 12px 0 0; color: #666;
    background: none; border: none; float: right; padding-left: 7px;
}

#login .passWord{
    font-size: 12px; width: 241px; height: 30px; display: block; margin: 10px 12px 0 0; color: #666;
    background: none; border: none; float: right; padding-left: 7px;
}

#login .buttonLogin{
    width: 170px; height: 10px; display: block; background: none; margin: 0 22px 0 0; 
    cursor: pointer; border: none; padding-top: 90px;
}

#content{
    overflow:hidden;
    width: 400px;
    background-color:white;
    position:relative;
    height:200px;
    margin-top: 50px;
    background: url(../image/content.png);
}

.field1{
    font-size: 12px; width: 250px; height: 30px; display: block; color: #666;
    background: url(../image/field1.png)no-repeat bottom; border: none;
}

.field2{
    font-size: 12px; width: 250px; height: 78px; display: block; color: #666;
    background: url(../image/field2.png)no-repeat bottom; border: none;
}

.field3{
    font-size: 12px; width: 150px; height: 30px; display: block; color: #666;
    background: url(../image/field3.png)no-repeat bottom; border: none;
}

#mu_logout {clear: both; margin-top: 80px; width: 250px; height: 50px; text-align: right; background: url(../image/mu_lo.png)no-repeat top right;}

#mu_logout form {margin: 0; padding: 0}

#mu_logout .menuUtama{
    float: left; display: block; width: 122px; height: 50px; background: none; border: none;
    cursor: pointer;
}

#mu_logout .logout{
    float: right; display: block; width: 122px; height: 50px; background: none; border: none;
    cursor: pointer;
}